<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
        <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
        <title>统战成员学习平台</title>
	    <link rel="stylesheet" type="text/css" href="../../css/base.css" />
	    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    </head>
    <body>
      <div id='app' style="display:none" v-show="true">
        <header class="red">
            <div class="ui_border_b">
                <span tapmode onclick="closeWin()" class="left"><i class="icon_back_white"></i></span>
                <p>{{courseGenreName}}</p>
            </div>
    	</header>
    </div>
        <script type="text/javascript" src="../../script/api.js"></script>
		<script type="text/javascript" src="../../script/vue.min.js"></script>
        <script type="text/javascript" src="../../script/common.js"></script>
      <script type="text/javascript" src="../../script/layer_mobile/layer.js"></script>
        <script type="text/javascript">
        new Vue({
		     	el: '#app',
		     	data: {
					courseGenreId : 0,
					courseGenreName: ''
		     	},
          mounted: function() {
                var $this = this;
                apiready = function(){
                    $this.courseGenreId = api.pageParam.courseGenreId;
                    $this.courseGenreName = api.pageParam.courseGenreName;
                    api.parseTapmode();
                    var header = $api.dom('header');
                    $api.fixStatusBar(header);
                    sbsm.opened();
                    var headerPos = $api.offset(header);
                    api.openFrame({
                        name: 'lesson_class_list_frm',
                        url: './lesson_class_list_frm.html',
                        bounces: true,
                        rect: {
                            x: 0,
                            y: headerPos.h,
                            w: 'auto',
                            h: 'auto'
                        },
                    pageParam: {courseGenreId:$this.courseGenreId},
                		hScrollBarEnabled: false,
                		vScrollBarEnabled: true
                    });
                };
          }
        });
        </script>
    </body>
</html>
